<template>
    <div>
        <el-container>
            <el-header style="background:#169fe6;height:7vh;text-align:center;line-height:50px;">
                <h1>后台管理系统模板</h1>
            </el-header>
            <el-container style="height:100%;border:none;">
                <el-aside width="180px">
                    <div>
                        <el-menu unique-opened router background-color="#3d3f41" text-color="#fff" 
                        active-text-color="#169fe6" style="height:93vh;overflow-x:hidden;">
                            <template v-for="(item,index) in menuList">
                               <el-submenu :index="index+''">
                                    <template slot="title">
                                        <i class="el-icon-menu"></i>
                                        <span>{{item.name}}</span>
                                    </template>
                                    <el-menu-item-group>
                                        <template v-for="(menu,subIndex) in item.subMenus">
                                            <el-menu-item :index="menu.path">{{menu.name}}</el-menu-item>
                                        </template>
                                    </el-menu-item-group>
                               </el-submenu>
                            </template>
                        </el-menu>
                    </div>
                </el-aside>
                <el-main style="width:100%;height:93vh;">
                    <transition name="fade" mode="out-in">
                        <router-view />
                    </transition>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
import listVue from './employee/list.vue';
export default {
     data() {
      return {
        menuList:[],
        activeMenus:[],
        tabIndex: null,
      };
    },
    created(){
        this.menuList = JSON.parse(localStorage.getItem(window.sysModel.menuList)) || [];
    },
    watch:{
        
    },
    methods: {
     
    }
}
</script>

<style>

</style>